@charset "utf-8";
/* CSS Document */




body {
	font-family:Verdana, Geneva, sans-serif; 
	background-color:#E2D8BF
}
div.container {
	width:980px;
	margin-top:0; 
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding:0;
	}
div.header {
	width:980px;
	height:180px;
	clear:left;
}
div.menu {
	width:980px; 
	height:60px; 
	clear:left; 
	background-color:black;
	background: url(../imagenes/cama.gif);
	background-repeat: no-repeat;
	margin:0 0 10px 0
}
div.bottom {
	width:980px;
	height:112px;
	clear:left;
	margin-top:10px;
	background-image: url(../imagenes/fondo-footer.gif);
	background-repeat: no-repeat;
}
div.headcontent {
	width:790px; 
	height:78px; 
	float:left; 
	margin:0; 
}



#acercafondo {
	background:url(../imagenes/acerca-seccion.gif);
	background-repeat:no-repeat;
	background-color:#000;
}
#biofondo {
	background:url(../imagenes/bioportal-seccion.gif);
	background-repeat:no-repeat;
	background-color:#000;
}
#galeriafondo {
	background:url(../imagenes/galeria-seccion.gif);
	background-repeat:no-repeat;
	background-color:#000;
}
#educacionfondo {
	background:url(../imagenes/educacion-seccion.gif);
	background-repeat:no-repeat;
	background-color:#000;
}
#ecofondo {
	background:url(../imagenes/ecoturismo-seccion.gif);
	background-repeat:no-repeat;
	background-color:#000;
}
#noticiasfondo { 
	background:url(../imagenes/noticias-seccion.gif);
	background-repeat:no-repeat;
	background-color:#000;
}
#enlacesfondo {
	background:url(../imagenes/enlaces-seccion.gif);
	background-repeat:no-repeat;
	background-color:#000;
}

div.headtabcontent {
	margin-left:790px; 
	height:71px; 
	background-color:#77715F; 
	border-color:#000; 
	border-style:solid; 
	border-width:7px 7px 0 0; 
	color:white;  
	text-align:center;
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:21px; 
	margin:0;
}

div.textcontent {
	width:790px; 
	height:1250px; 
	background-color:#282620;
	float:left;
	}


div.tabcontent {
	margin:0 0 0 790px; 
	height:1245px;
	padding: 5px 0 0 0;
	background-color:white;
	border-color:black; 
	border-style:solid; 
	border-width:0 7px 0 0; 
	color:black;
	font-size:11px; 
	line-height: 15px;
}
div.bottomcontent {
	width:790px; 
	height:78px; 
	background-color:#282620; 
	float:left; 
	margin:0;
}

div.bottomtabcontent {
	margin: 0 0 0 790px;
	height:71px;
	background-color:#77715F;
	margin:0; 
	border-color:#282620;
	border-style:solid; 
	border-width:0 7px 7px 0;	
}




ul.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
li.menu {
	float:left;
}
a.menu:link,a.menu:visited {
	display:block;
	height:42px;
	margin-right:4px;
	font-weight:bold;
	font-size:7.8pt;
	color:#666;
	padding-left:62px;
	padding-top:18px;
	text-decoration:none;
	letter-spacing:-1px;
	}
a.menu2:link,a.menu2:visited {
	display:block;
	height:37px;
	margin-right:4px;
	font-weight:bold;
	font-size:7.8pt;
	color:#666;
	padding-top:23px;
	padding-left: 62px;
	text-decoration:none;
	letter-spacing:-.5px;
	}
a.menu:hover,a.menu2:hover {
	color:#000
	}

#acerca{
	background-image:url(../imagenes/acerca.png);
	background-repeat: no-repeat;
}
#acerca:hover{
	background-image:url(../imagenes/acerca-hover.png);
	background-repeat: no-repeat;
}
#bioportal{
	background-image:url(../imagenes/bioportal.png);
	background-repeat: no-repeat;
}
#bioportal:hover{
	background-image:url(../imagenes/bioportal-hover.png);
	background-repeat: no-repeat;
}
#galeria{
	background-image:url(../imagenes/galeria.png);
	background-repeat: no-repeat;
}
#galeria:hover{
	background-image:url(../imagenes/galeria-hover.png);
	background-repeat: no-repeat;
}
#educacion{
	background-image:url(../imagenes/educacion.png);
	background-repeat: no-repeat;
}
#educacion:hover{
	background-image:url(../imagenes/educacion-hover.png);
	background-repeat: no-repeat;
}
#eco{
	background-image:url(../imagenes/eco.png);
	background-repeat: no-repeat;
}
#eco:hover{
	background-image:url(../imagenes/eco-hover.png);
	background-repeat: no-repeat;
}
#noticias{
	background-image:url(../imagenes/noticias.png);
	background-repeat: no-repeat;
}
#noticias:hover{
	background-image:url(../imagenes/noticias-hover.png);
	background-repeat: no-repeat;
}
#enlaces{
	background-image:url(../imagenes/enlaces.png);
	background-repeat: no-repeat;
}
#enlaces:hover{
	background-image:url(../imagenes/enlaces-hover.png);
	background-repeat: no-repeat;
}





a.menubottom:link,a.menubottom:visited {
	display:block;
	height:45px;
	text-decoration:none;
	letter-spacing:-1px;
	}

#menubottom{
	position:relative;
	width:940px;
	height:62px}
#menubottom li{
	margin: 12px 12px 0 12px;
	padding:0;
	list-style:none;
	position:absolute;
}
#menubottom li, #menubottom a{
	height:45px;
	width:45px
}


#aliadostext {
	
	padding-left:15px;
	color:black;
	font-weight:bold;
	font-size:12px; 
	margin-top:15px; 
	line-height: 15px;
}
#contactotext {
	padding-left:675px;
	color:black;
	font-weight:bold;
	font-size:12px; 
	margin-top:15px; 
	line-height: 15px;
}

#aliados{
	left:0;
	padding-left: 45px;
	background:url(../imagenes/aliados.png);
}
#aliados:hover{
	background:url(../imagenes/aliados-hover.png);
}
#home{
	left:455px;
	background:url(../imagenes/home.png);
}
#home:hover{
	background:url(../imagenes/home-hover.png);
}
#contacto{
	left:794px;
	background:url(../imagenes/contacto.png);
}
#contacto:hover{
	background:url(../imagenes/contacto-hover.png);
}
#facebook{
	left:851px;
	background:url(../imagenes/facebook.png);
	padding-left: 45px;
}
#facebook:hover{
	background:url(../imagenes/facebook-hover.png);
}
#twitter{
	left:908px;
	background:url(../imagenes/twiter.png);
}
#twitter:hover{background:url(../imagenes/twiter-hover.png);
}





h1 {
	padding: 20px 35px 20px 35px;
}

h2 {
	text-align: right;
	text-transform:uppercase; 
	font-weight:bold; 
	padding: 20px 35px 20px 35px;
	letter-spacing:-2px;
}

h3 {
	color:#34598D;
	font-style:italic;
	padding: 0 0 0 35px;
}

p {
	padding: 0 35px 0 35px;
	font-size: 14px;
	color: black;
	text-align:justify;
}

p.headcontent {
	padding:0 0 0 140px ;
	margin-top: 18px;
	color:white; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:35px;	
}

p.tabheadcontent {
	color:white;
	font-size:20px;
	margin:0;
	padding: 20px 0 0 20px;
	text-align:center;
}

p.tabcontent {
	padding: 0 20px 0 20px;
	font-weight:bold;
	font-size:10pt;
}

p.bottom {
	font-size:7pt;
	padding:0 12px 0 12px;
	text-align: justify;
}


p.a {
	padding:20px;
	}

li.b {
	font-size:11px;
	text-align:justify;
	}
ul.b {
	list-style:circle; 
	font-size:11px;
	text-align:justify;
	}